<template>
  <a-modal
    :title="title"
    :visible="show"
    @ok="ok"
    @cancel="close"
    :width="400"
    centered
  >
    <div>{{content}}</div>
  </a-modal>
</template>

<script>
export default {
  props: ['title', 'content'],
  data () {
    return {
      value: '',
      show: false
    }
  },
  methods: {
    onInitial (id) {
      console.log(id)
      this.show = true
      this.value = id
    },
    close () {
      this.show = false
    },
    ok () {
      this.show = false

      this.$emit('confirmAgain', this.value)
    }
  }
}
</script>

    <style>
</style>
